<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>魏远商城</title>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
		<link rel="shortcut icon" href="/favicon.ico">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="css/style.css" />
		<style type="text/css">
			.mui-toast-container {
				text-align: center;
				position: fixed;
				z-index: 9999;
				bottom: 50px;
				width: 100%;
				-webkit-transition: opacity .8s;
				transition: opacity .8s;
				opacity: 1
			}
			
			.mui-toast-container {
				display: none
			}
		</style>
	</head>

	<body style="background: #eaeef1;">
		<div class="header">
			<h1 class="title" style="font-size: 17px;font-weight: 500;"></h1>
			<li class="register-back mui-action-back"><img src="img/back-le.png" alt="" height="50%" onclick="history.back(-1)" /></li>
		</div>
		<!--<div class="header">
			<h1>找回密码</h1>
			<li class="register-back mui-action-back"><img src="img/back-le.png" alt="" height="50%" onclick="history.back(-1)" /></li>
		</div>-->

		<p class="register-content">——————&nbsp;&nbsp;&nbsp;更改密码&nbsp;&nbsp;&nbsp;——————</p>
		<!--<div class="register-phone">
			<input type="text" maxlength="11" id="register-phone-input" class="register-phone-input" placeholder="请输入你的手机号" />
			<input type="button" class="code" id="code" value="获取验证码" />
		</div>-->
		<input type="password" maxlength="30" class="pass1" placeholder="请输入原密码" />
		<input type="password" maxlength="30" class="register-password" placeholder="请输入6-30位数字/英文的密码" />
		<input type="password" maxlength="30" class="register-password-again" placeholder="请再次输入密码" />
		<div id="resiter-submit" class="resiter-submit">提交</div>
		<div class="mui-toast-container" id="mui-toast-container">
			<div class="mui-toast-message"></div>
		</div>
		<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/url.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var mima = /^[A-Za-z0-9]+$/;
			var hm = /^1[34578]\d{9}$/;
			$('.title').html(localStorage.pw);
			//获取验证码时间	
			var wait = 59;
			var $code = $("#code");
			var timer;

			function time() {
				if(wait == 0) {
					$code.attr("disabled", false);
					$code.val("获取验证码");
					wait = 59;
					$('#code').css('background-color', '#e9af29')
					clearInterval(timer);
				} else { // www.jbxue.com
					$code.attr("disabled", true);
					$code.css('background-color', '#c7c2c2');
					$code.val(wait + " s后可重发");
					wait--;
				}
			}

			function pd() {
				$('#mui-toast-container').css('display', 'inline-block')
//				$('.mui-toast-message').html('请检查您输入的手机号码);
					setTimeout(function() {
						$('#mui-toast-container').css('display', 'none')
					}, 1000)
				}
//				if(localStorage.pw == '修改绑定手机号码') {
//					$('.register-password').css('display', 'none');
//					$('.register-password-again').css('display', 'none');
//
//					$('#code').on('tap', function() {
//							var phone = $('.register-phone-input').val();
//							if(!hm.test(phone)) {
//								$('.mui-toast-message').html('请检查您输入的手机号码');
////								$('#mui-toast-container').css('display', 'inline-block')
////								$('.mui-toast-message').html('请检查您输入的手机号码);
////									setTimeout(function() {
////										$('#mui-toast-container').css('display', 'none')
////									}, 1000)
//									//						mui.toast('请检查您输入的手机号码');
//									console.log(phone);
//									return;
//								}
//								else {
//									codejk();
//								}
//								//      手机号码获取验证码接口
//								function codejk() {
//									$.ajax({
//										url: ur + '/mobilemember/frontmember/getPhoneVerifyCode',
//										type: 'post',
//										dataType: 'json',
//										data: {
//											'memberVO.phone': phone,
//											'type': 'phone',
//											'data': ''
//										},
//										success: function(data) {
//											console.log(JSON.stringify(data))
//											var n = data.result.meta.code;
//											if(n == '200') {
//												console.log('>>>>手机号码获取验证码');
//												timer = setInterval(function() {
//													time();
//												}, 1000)
//												$('#mui-toast-container').css('display', 'inline-block')
//												$('.mui-toast-message').html('已经发送验证码，请注意查收');
//												setTimeout(function() {
//													$('#mui-toast-container').css('display', 'none')
//												}, 1000)
//												//									mui.toast('已经发送验证码，请注意查收')
//											} else {
//												$('#mui-toast-container').css('display', 'inline-block')
//												$('.mui-toast-message').html('请检查您输入的手机号码');
//												setTimeout(function() {
//													$('#mui-toast-container').css('display', 'none')
//												}, 1000)
//												console.log('>>>>手机号码获取验证码失败');
//												//									mui.toast('请检查您输入的手机号码')
//											}
//										},
//										error: function(e) {
//											console.log(JSON.stringify(e) + '错误');
//											$('#mui-toast-container').css('display', 'inline-block')
//											$('.mui-toast-message').html('请检查您的网络...');
//											setTimeout(function() {
//												$('#mui-toast-container').css('display', 'none')
//											}, 1000)
//											//								mui.toast('请检查您的网络...')
//										}
//									})
//								}
//							})
//						//		密码和验证码
//						$('#resiter-submit').on('tap', function() {
//							var phone = $('.register-phone-input').val();
//							var code = $('.register-code').val();
//							console.log(phone + code)
//							if($('#register-phone-input').val() == '') {
//								$('#mui-toast-container').css('display', 'inline-block')
//								$('.mui-toast-message').html('请检查您输入的手机号码');
//								setTimeout(function() {
//									$('#mui-toast-container').css('display', 'none')
//								}, 1000)
//								//						mui.toast('请检查您输入的手机号码');
//							} else if(code == '') {
//								$('#mui-toast-container').css('display', 'inline-block')
//								$('.mui-toast-message').html('请检查您输入的验证码');
//								setTimeout(function() {
//									$('#mui-toast-container').css('display', 'none')
//								}, 1000)
//								//						mui.toast('请检查您输入的验证码');
//								return;
//							} else {
//								$.ajax({
//									type: "post",
//									url: ur + "/mobilemember/frontmember/editPhone",
//									dataType: 'json',
//									header: {
//										'x-token': localStorage.token
//									},
//									data: {
//										'phoneCode': code,
//										'memberVO.phone': phone
//									},
//									success: function(data) {
//										console.log(JSON.stringify(data) + '修改号码')
//									},
//									error: function(e) {
//										console.log(JSON.stringify(e) + '登录失败')
//										$('#mui-toast-container').css('display', 'inline-block')
//										$('.mui-toast-message').html('请检查您的网络...');
//										setTimeout(function() {
//											$('#mui-toast-container').css('display', 'none')
//										}, 1000)
//										//								mui.toast('请检查您的网络...')
//									}
//								});
//							}
//						})
//					}

					if(localStorage.pw == '修改密码') {
						$('.pass1').css('display', 'inline-block');
						$('.register-password').css('display', 'inline-block');
						$('.register-password-again').css('display', 'inline-block');
						//		密码和验证码
						$('#resiter-submit').on('tap', function() {
								var pass1 = $('.pass1').val();
								var password1 = $('.register-password').val();
								var password2 = $('.register-password-again').val();
								if($('.pass1').val() == '') {
									pd();
									$('.mui-toast-message').html('原号码不能为空');
									//						mui.toast('原号码不能为空');
								} else if(password1 == '' || password2 == '') {
									pd();
									$('.mui-toast-message').html('新密码不能为空');
									//						mui.toast('新密码不能为空');
									return;
								} else if(password1.length < 6) {
									pd();
									$('.mui-toast-message').html('请输入不小于6位的密码');
									//						mui.toast('请输入6-30位数字/英文的密码');
									return;
								}else if(!mima.test(password1)){
									pd();
									$('.mui-toast-message').html('请输入6-30位数字/英文的密码');
									//						mui.toast('请输入6-30位数字/英文的密码');
								} else if(password1 != password2) {
									pd();
									$('.mui-toast-message').html('两次密码不一致，请重新输入');
									//						mui.toast('两次密码不一致，请重新输入');
									return;
								} else {
									password();
								}
								//		密码和验证码接口

								function password() {
									$.ajax({
											type: "post",
											url: ur + "/mobilemember/frontmember/updatePassword",
											dataType: 'json',
											headers: {
												'x-token': localStorage.token
											},
											data: {
												'memberVO.password': pass1,
												'newPassword': password1,
											},
											success: function(data) {
												console.log(JSON.stringify(data) + '修改密码')
												if(data.result.meta.code == "200") {
													pd();
													$('.mui-toast-message').html('更改密码成功');
//													mui.toast('修改密码成功');
													mui.back();
												} else if(data.result.meta.code == "201") {
													pd();
													$('.mui-toast-message').html('您输入的原密码不符');
													//									mui.toast('您输入的原密码不符');
												} else {
													pd();
													$('.mui-toast-message').html('请检查您输入的信息');
														//									mui.toast('请检查您输入的信息')
													}
												},
												error: function(e) {
													pd();
													$('.mui-toast-message').html('请检查您的网络...');
													console.log(e + '登录失败')
													//								mui.toast('请检查您的网络...')
												}
											});
									}
								})
						}
		</script>
	</body>

</html>